<!DOCTYPE html>
<!-- 通过 xmlns:th=”http://www.thymeleaf.org“ 命令空间，将静态页面转换为动态的视图，
需要进行动态处理的元素,将使用“th:”前缀。 -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title></title>

    <link rel="stylesheet" href="css/readCharpt.css">

    <link rel="stylesheet" href="webjars/bootstrap/3.4.1/css/bootstrap.css">
    <script src="webjars/jquery/3.6.0/jquery.js"></script>
    <script src="webjars/bootstrap/3.4.1/js/bootstrap.js"></script>
</head>

<body>

<div class="container">
    <!--LOGO区域-->
    <div class="logo">
        <div class="logo-img"></div>
        <div class="right">
            <div class="nav">
                <a href="">最新小说</a> |
                <a href="">小编推荐</a> |
                <a th:href="@{/toNovelDetail(novelId=${noveleCharpt.novelId}) }">返回简绍页</a> |
                <a th:href="@{/}">返回首页</a>
            </div>
            <div class="tip">
                (好看的 <span>穿越重生</span> 小说, 尽在时光小说网, 记得收藏本网站哟!)
            </div>
        </div>
    </div>

    <!---小说相关信息-->
    <div class="novle-info">
        <div class="title">

            <span> [[ ${noveleCharpt.charptList[0].title } ]] </span>
            <span> [[ ${noveleCharpt.title } ]]</span>
        </div>
        <div class="tip">
            小说作者:<span> [[ ${noveleCharpt.authorName} ]] </span> &nbsp;
            内容大小:<span> [[ ${noveleCharpt.nSize} ]] </span> &nbsp;
            电子书下载: <span> [[ ${noveleCharpt.title } ]]  TXT下载</span> &nbsp;
            上次时间: <span> [[ ${noveleCharpt.charptList[0].pushTime } ]] </span>
        </div>
    </div>

    <!-- 内容提要 -->
    <div class="introduce-info">
        内容提要:
        <p>
            &nbsp;&nbsp;&nbsp;&nbsp;
            [[ ${noveleCharpt.content } ]]
        </p>
    </div>

    <!-- 小说章节 -->
    <div class="charpt">
        <ul>


            <li th:each="charpt : ${noveleCharpt.charptList}">
                <a th:href="@{/toNovle(novelId=${noveleCharpt.novelId},sort=${charpt.sort} ) }">  [[ ${charpt.title } ]] </a>
            </li>


        </ul>
    </div>


    <!--页尾 版本声明区域-->
    <div class="footer">
        <div class="my">
            关于我们 - 网址帮助 - 广告服务 - 版权声明 - 友情连接 - 网站地图
        </div>

        <div class="version-info">
            Copyright &copy; www.huhua.com All Rights Revered 页面版权所有 时光小说下载网 ICP备 187***64号
        </div>
    </div>
</div>
</body>
</html>